.card_con {
    padding: 30px;

    border: 1px solid #eaeaea;
    border-radius: 1px;
    background-color: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(240, 240, 240, 0.5);
    .card_title {
        margin-bottom: 22px;

        color: #33302d;

        font-family: STHeitiSC-Medium, STHeitiSC;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
    }
    .card_list {
        display: flex;
        flex-wrap: wrap;
        .box_card {
            position: relative;

            box-sizing: border-box;
            width: 336px;
            height: 358px;
            margin-right: 30px;
            margin-bottom: 30px;
            :deep(.el-card__body) {
                padding: 0;
            }
            .card_bottom {
                padding: 20px 30px;
            }
        }
        .card_item_image {
            width: 100%;
            height: 178px;

            background-size: cover;
        }
        .item_card_tit {
            color: #33302d;

            font-family: STHeitiSC-Medium, STHeitiSC;
            font-size: 18px;
            font-weight: 500;
            line-height: 34px;
        }
        .item_card_desc {
            display: -webkit-box;
            overflow: hidden;
            overflow: hidden;
            /*! autoprefixer: off */
            -webkit-box-orient: vertical;

            text-overflow: ellipsis;

            color: #848484;

            font-family: STHeitiSC-Medium, STHeitiSC;
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;

            -webkit-line-clamp: 2;
        }
        .btn_bottom {
            position: absolute;
            right: 30px;
            bottom: 30px;

            text-align: right;
            :deep(.add_btn) {
                width: 80px;
                height: 36px;
                padding: 0;

                text-align: center;

                border: 0;
                border-radius: 4px;
                background: #ff6b00;
                span {
                    font-family: STHeitiSC-Light, STHeitiSC;
                    font-size: 14px;
                    font-weight: 300;
                }
            }
            :deep(.is-disabled) {
                cursor: not-allowed;

                color: var(--el-button-disabled-text-color);
                border-color: var(--el-button-disabled-border-color);
                background-color: var(--el-button-disabled-bg-color);
                background-image: none;
            }
            .type_info {
                color: #33302d;
                border: 1px solid #eaeaea;
                border-radius: 4px;
                background: #ffffff;
            }
        }
    }
}
.qwQrCode {
    text-align: center;
}
:deep(.el-dialog--center) {
    border-radius: 30px;
}
:deep .el-dialog--center .el-dialog__body {
    display: flex;
    align-items: center;
    flex-direction: column;
}
